<template>
  <div>
    <div class="platformup">
      <h1>平台动态</h1>
      <div class="card">
        <PUVue v-for="(categorie,index) in categories" :key="index" :categorie = categorie />
      </div>
    </div>
  </div>
</template>

<script>
import PUVue from './PUVue.vue';

export default {
  name: 'PlatformDynamic',
  components:{
    PUVue
  },
  data() {
    return {
      categories: [
        {
          title: '最新通知1',
          iconcode:'<svg t="1753836312076" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4778" width="30" height="30"><path d="M512 4.12672c280.49408 0 507.87328 227.3792 507.87328 507.87328 0 280.49408-227.3792 507.87328-507.87328 507.87328C231.50592 1019.87328 4.12672 792.49408 4.12672 512 4.12672 231.50592 231.50592 4.12672 512 4.12672zM512 685.96736c-42.47552 0-76.91264 34.42688-76.91264 76.91264 0 42.47552 34.43712 76.91264 76.91264 76.91264 42.47552 0 76.91264-34.43712 76.91264-76.91264C588.91264 720.39424 554.47552 685.96736 512 685.96736zM509.78816 625.83808c36.58752 0 66.24256-29.66528 66.24256-66.24256l0-309.1456c0-36.58752-29.65504-66.24256-66.24256-66.24256-36.58752 0-66.24256 29.66528-66.24256 66.24256l0 309.1456C443.5456 596.18304 473.20064 625.83808 509.78816 625.83808z" fill="#2e7d32" p-id="4779"></path></svg>',
          filenames: [
            '平台更新通知1',
            '平台更新通知2',
            '平台更新通知3'
          ],
          filepath:[
            "@/assets/images/htmlfile/a.html",
            "@/assets/images/htmlfile/a.html",
            "@/assets/images/htmlfile/b.html",
          ]
        },
        {
          title: '最新通知2',
          iconcode:'<svg t="1753833076262" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3740" width="30" height="30"><path d="M788.551 292.895c-74.801 0-135.633-60.832-135.633-135.605v-156.171h-487.636c-45.595 0-82.548 36.982-82.548 82.549v856.719c0 45.567 36.955 82.493 82.548 82.493h693.46c45.571 0 82.523-36.926 82.523-82.493v-647.493h-152.714zM805.084 839.116h-586.199v-55.301h586.199v55.301zM805.084 662.15h-586.199v-55.301h586.199v55.301zM805.084 485.184h-586.199v-55.301h586.199v55.301z" fill="#2e7d32" p-id="3741"></path><path d="M706.002 1.119v156.171c0 45.567 36.955 82.493 82.549 82.493h152.714l-235.263-238.662z" fill="#2e7d32" p-id="3742"></path></svg>',
          filenames: [
            '平台更新通知1',
            '平台更新通知2'
          ],
          filepath:[
            "@/assets/images/htmlfile/a.html",
            "@/assets/images/htmlfile/b.html",
            
          ]
        },
        {
          title: '最新通知3',
          iconcode:'<svg t="1753836380843" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5906" width="30" height="30"><path d="M928 352c-17.7 0-32-14.3-32-32V144c0-70.7-57.3-128-128-128H128C57.3 16 0 73.3 0 144v736c0 70.7 57.3 128 128 128h704c106 0 192-86 192-192V448c0-53-43-96-96-96zM448 824c0 4.4-3.6 8-8 8H168c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h272c4.4 0 8 3.6 8 8v48z m0-128c0 4.4-3.6 8-8 8H168c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h272c4.4 0 8 3.6 8 8v48z m0-128c0 4.4-3.6 8-8 8H168c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h272c4.4 0 8 3.6 8 8v48z m0-128c0 4.4-3.6 8-8 8H168c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h272c4.4 0 8 3.6 8 8v48z m288 384c0 4.4-3.6 8-8 8H520c-4.4 0-8-3.6-8-8V392c0-4.4 3.6-8 8-8h208c4.4 0 8 3.6 8 8v432z m0-512c0 4.4-3.6 8-8 8H168c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h560c4.4 0 8 3.6 8 8v48z m160 525.5V448c0-17.7 14.3-32 32-32s32 14.3 32 32v416c-23.6 23.6-64 6.9-64-26.5z" p-id="5907" fill="#2e7d32"></path><path d="M672 452v312c0 2.2-1.8 4-4 4h-88c-2.2 0-4-1.8-4-4V452c0-2.2 1.8-4 4-4h88c2.2 0 4 1.8 4 4z" p-id="5908" fill="#2e7d32"></path></svg>',
          filenames: [
            '平台更新通知1',
            '平台更新通知2',
            '平台更新通知3',
            '平台更新通知3'
          ],
          filepath:[
            "@/assets/images/htmlfile/a.html",
            "@/assets/images/htmlfile/b.html",
            "@/assets/images/htmlfile/a.html",
            "@/assets/images/htmlfile/b.html"
          ]
        }
      ]
    }
  }
}
</script>

<style scoped>
.platformup{
  margin: 0 140px;
  /* height: 400px; */
  text-align: left;
  padding: 50px 0;

}
.card{
  /* height: 300px; */
  margin: 50px 0;
  /* overflow: hidden; */
  display: flex;
  flex: 1;

}

</style>